<template>
    <div class="invoice-explanation">
      <h1>发票说明</h1>
  
      <!-- 发票类型 -->
      <section class="invoice-type">
        <h2>发票类型</h2>
        <p>根据您的需求，您可以选择以下几种发票类型：</p>
        <ul>
          <li>
            <strong>电子发票</strong>: 电子发票是一种通过电子邮件或系统下载的发票，无需纸质传递，方便快捷。
          </li>
          <li>
            <strong>纸质发票</strong>: 纸质发票是传统的发票形式，将通过邮寄方式送到您指定的地址。
          </li>
        </ul>
      </section>
  
      <!-- 申请发票流程 -->
      <section class="invoice-process">
        <h2>申请发票流程</h2>
        <p>申请发票的流程如下：</p>
        <ol>
          <li>选择您需要的发票类型。</li>
          <li>填写发票抬头信息，确保提供正确的公司名称或个人名称。</li>
          <li>提交订单后，在结算页面中选择是否开具发票。</li>
          <li>电子发票将通过电子邮件发送给您，纸质发票将在一周内邮寄至您提供的地址。</li>
        </ol>
      </section>
  
      <!-- 发票抬头信息 -->
      <section class="invoice-title">
        <h2>发票抬头信息</h2>
        <p>发票抬头应包括以下内容：</p>
        <ul>
          <li>个人抬头：您的姓名。</li>
          <li>公司抬头：公司全名、税号等信息。</li>
        </ul>
        <p>请确保提供正确的抬头信息，以确保发票能够及时开具并符合税务要求。</p>
      </section>
  
      <!-- 注意事项 -->
      <section class="invoice-notes">
        <h2>注意事项</h2>
        <ul>
          <li>请在提交订单时及时申请发票，逾期申请可能无法处理。</li>
          <li>电子发票和纸质发票的申请规则有所不同，请根据实际需要选择。</li>
          <li>发票信息一旦提交，无法更改，请确认信息的准确性。</li>
          <li>如有任何问题，请随时联系我们的客服。</li>
        </ul>
      </section>
    </div>
  </template>
  
  <script setup>
  </script>
  
  <style scoped>
  .invoice-explanation {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
  }
  
  h1, h2 {
    color: #333;
  }
  
  section {
    margin-bottom: 30px;
  }
  
  h2 {
    font-size: 1.5em;
    margin-bottom: 10px;
  }
  
  ul, ol {
    line-height: 1.6;
    margin-left: 20px;
  }
  
  ul li, ol li {
    margin-bottom: 10px;
  }
  
  .invoice-title p, .invoice-type p, .invoice-process p, .invoice-notes p {
    line-height: 1.6;
  }
  </style>
  